<?php

/**
 * @package 萃绿网址引导页
 * @description 来自网络收集，已修复重点CSS BUG
 * @author 易航
 * @version 1.0
 * @link http://bri6.cn
 */
if (!defined('ROOT')) exit;
$title = $this->site->title;
$link = $this->getSites();
?>
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="Author" content="Noah">
	<meta name="Keywords" content="">
	<meta name="Description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title><?= $title ?></title>
	<meta name="keywords" content="<?= $this->site->keywords ?>" />
	<meta name="description" content="<?= $this->site->description ?>" />
	<link rel="shortcut icon" type="image/x-icon" href="<?= $this->site->favicon ?>">
	<style>
		@font-face {
			font-family: iconfont;
			src: url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.eot?t=1584846914425);
			src: url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.eot?t=1584846914425#iefix) format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPcAAsAAAAACEAAAAOQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqDVIMaATYCJAMUCwwABCAFhG0HUhswBxEVnPHIfiZkcgn7O+8oo66bEbK2OpSJxjfBA+X1vslMtll8iBW0KuzdSry1J/JGpwASAA0EaO7O95urXT4WOkKV5Nojj7b4hwrpy2SO/v97p78xLfvYuvYslzWHLex8DDAOpEDHnGQljg3TC+cUPEjbIQAHqRRD1GvQzI2BgvQTgBjYr083jJQNVcMRGEZbyVSVKhajY2hztCvAIv178YYywgANXUJ2atW7fk9qmZi1ZMCSjnILC8fbDUAHJFAMUCCGl/oGIm2uGBKHP1RRC3BgoKGZmLxVUbOWZcWqHRkc9A8PBBKFBsIGKXUBUAvlFZhwBAGmhiDBLIqgwKyVRwPuKwAOWAjCWUxL9mpIWOWKcikVmuwiF0+49sx9/bnn5gvfDdO/at6eQHTP5dHLd8Z6V67btSPG061Q523w0S5OzYETx4QbT9zXbnmuP/bdvOsL9lwR2D031utePndvMM7nXRncNy/G4xvlEveE69fc4Tdu+AbcnOdxa4E98/bFyZV75+5WxGRRnfY0cEulpaqbVCzNtxTEU1P1m2J4tFGwJ7VcytpevcrWOXd44oCjAyZu3DXRvQxryi09PV2/BcVQIlRxZPWvAFhMXkb1qQ3bHPFvOVXxWI1TjTLPFjtT5smFsAtxVqK82CcvekwcsbMOHDh4wOBxYw4eZI+NVR+A6Vmx4bGz1ZI0XFw1r0mlXm20lW5RpWd+s0u/ijYZwarmHJsZVi+tXKjMlU2rm186Hlk6tFxaPfwAWLPk3380K2u4Qm6xtmaprTL4b/dj0Nu/F+qwat8MpwLgzvpfdbSsPbbVBj9Ijy//kxa1tAb7qAqUxK4rT8490qpVpxGATiESBDT4aTX/LxTJg3H0MbPIZMAgJgaNIqSAxCCbpGjFQMdJObBhUBMcFKXhbCdRDEcilB0oZAYAQTiHQCOU4yAJ5ypJ0e6DTizvwEa4kODAK6KWdJIrLP1uHgWtYqDuj3zPi2FOvTHlb7BpaiWp1NwvSPRJKrMiW3zFAhljRPy2laohIzzTC9gN08S0Cgf0mjnV9ZLnpuxDWc/z5oZHQasYqPsj3/NiZGO9yX3/DTZNrdQQ+qJfkOjbpzIrWpBedUsrwrXcEr9tpWrICM/0AjyYaI5pLe8U0GvmemTWS47qmba6bH7D/IybAAdkZV1oQgoldGHjYViCYPl3WKxb86g+On/sE/+kc/CLtS1vNg==') format('woff2'), url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.woff?t=1584846914425) format('woff'), url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.ttf?t=1584846914425) format('truetype'), url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.svg?t=1584846914425#iconfont) format('svg')
		}

		.iconfont {
			font-family: iconfont !important;
			font-size: 16px;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale
		}

		.icon-querenzhengque:before {
			content: "\e600"
		}

		.icon-tishi:before {
			content: "\e640"
		}

		.icon-cuowu:before {
			content: "\e602"
		}

		.icon-jinggao:before {
			content: "\e62b"
		}

		* {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			font-weight: 300
		}

		body,
		body ::-webkit-input-placeholder {
			font-family: Source Sans Pro, sans-serif;
			color: #fff;
			font-weight: 300;
			overflow-x: hidden;
		}

		body :-moz-placeholder,
		body ::-moz-placeholder {
			font-family: Source Sans Pro, sans-serif;
			color: #fff;
			opacity: 1;
			font-weight: 300
		}

		body :-ms-input-placeholder {
			font-family: Source Sans Pro, sans-serif;
			color: #fff;
			font-weight: 300
		}

		a {
			text-decoration: none
		}

		.wrapper {
			background: #01a982;
			background: linear-gradient(to bottom right, #01a982 0, #60ae80 100%);
		}

		.bg-bubbles,
		.wrapper {
			position: absolute;
			left: 0;
			width: 100%;
		}

		.bg-bubbles {
			top: 0;
			z-index: 1
		}

		.bg-bubbles li {
			position: absolute;
			list-style: none;
			display: block;
			width: 40px;
			height: 40px;
			background-color: hsla(0, 0%, 100%, .15);
			bottom: -115vh;
			animation: square 25s infinite;
			transition-timing-function: linear
		}

		.bg-bubbles li:nth-child(1) {
			left: 10%
		}

		.bg-bubbles li:nth-child(2) {
			left: 20%;
			width: 80px;
			height: 80px;
			animation-delay: 2s;
			animation-duration: 17s
		}

		.bg-bubbles li:nth-child(3) {
			left: 25%;
			animation-delay: 4s
		}

		.bg-bubbles li:nth-child(4) {
			left: 40%;
			width: 60px;
			height: 60px;
			animation-duration: 22s;
			background-color: hsla(0, 0%, 100%, .25)
		}

		.bg-bubbles li:nth-child(5) {
			left: 70%
		}

		.bg-bubbles li:nth-child(6) {
			left: 80%;
			width: 120px;
			height: 120px;
			animation-delay: 3s;
			background-color: hsla(0, 0%, 100%, .2)
		}

		.bg-bubbles li:nth-child(7) {
			left: 32%;
			width: 160px;
			height: 160px;
			animation-delay: 7s
		}

		.bg-bubbles li:nth-child(8) {
			left: 55%;
			width: 20px;
			height: 20px;
			animation-delay: 15s;
			animation-duration: 40s
		}

		.bg-bubbles li:nth-child(9) {
			left: 25%;
			width: 10px;
			height: 10px;
			animation-delay: 2s;
			animation-duration: 40s;
			background-color: hsla(0, 0%, 100%, .3)
		}

		.bg-bubbles li:nth-child(10) {
			left: 90%;
			width: 160px;
			height: 160px;
			animation-delay: 11s
		}

		@keyframes square {
			0% {
				transform: translatey(0)
			}

			to {
				transform: translatey(-700px) rotate(600deg)
			}
		}

		@media (max-width:500px) {
			.container h1 {
				font-size: 60px
			}

			form button,
			form input {
				width: 500px
			}
		}

		.main {
			padding: 50px 0;
			z-index: 999;
			position: relative
		}

		.main h1 {
			font-size: 40px;
			text-align: center;
			color: #fff;
			margin-bottom: 30px;
			text-transform: uppercase
		}

		.content {
			margin: 0 auto;
			width: 28%;
			background: #fff;
			border-radius: 5px
		}

		p.footer {
			font-size: 16px;
			text-align: center;
			color: #fff;
			font-weight: 500;
			margin-top: 30px
		}

		p.footer a {
			color: #55acee
		}

		p.footer a:hover {
			color: #000;
			transition: .5s all;
			-webkit-transition: .5s all;
			-moz-transition: .5s all;
			-o-transition: .5s all;
			-ms-transition: .5s all
		}

		.content-top h2 {
			font-size: 22px;
			color: #fff;
			text-align: center;
			background: #02a982;
			padding: 12px 0;
			border-radius: 5px;
		}

		.content-top p {
			text-align: center;
			font-size: 16px;
			color: #000;
			margin-top: 15px
		}

		.content-top ul li {
			display: block;
			font-size: 15px;
			color: #000;
			line-height: 1.8em;
			padding: 1em 0 1em 1em;
			border-bottom: 1px solid #e2e0de;
			overflow-x: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.content-top ul li a {
			color: #000;
			font-weight: 400
		}

		.content-top ul li a i {
			color: #02a982;
			font-style: normal;
			display: block;
			margin: 2px 0
		}

		.content-top ul li span {
			display: block;
			color: #999
		}

		.content-top {
			padding: 1.5em
		}

		.content-top p a {
			color: #55acee;
			margin-left: 5px
		}

		@media (max-width:1366px) {
			.content {
				width: 31%
			}
		}

		@media (max-width:1280px) {
			.content {
				width: 32%
			}
		}

		@media (max-width:1080px) {
			.content {
				width: 38%
			}

			.main h1 {
				font-size: 36px
			}

			.content-top h2 {
				font-size: 20px;
				padding: 10px 0
			}

			.content-top p,
			.content-top ul li,
			p.footer {
				font-size: 14px
			}
		}

		@media (max-width:800px) {
			.main h1 {
				font-size: 34px
			}

			.content {
				width: 46%
			}
		}

		@media (max-width:768px) {
			.main {
				padding: 90px 0
			}

			.main h1 {
				margin-bottom: 55px
			}

			p.footer {
				margin-top: 75px
			}
		}

		@media (max-width:736px) {
			.main {
				padding: 70px 0
			}

			.main h1 {
				margin-bottom: 45px
			}

			.content {
				width: 53%
			}

			p.footer {
				margin-top: 50px
			}
		}

		@media (max-width:667px) {
			.main h1 {
				font-size: 32px;
				margin-bottom: 35px
			}

			.main {
				padding: 60px 0
			}

			.content {
				width: 57%
			}

			.content-top h2 {
				font-size: 18px
			}
		}

		@media (max-width:600px) {
			.main h1 {
				font-size: 30px
			}

			.content-top {
				padding: 1em
			}

			.content {
				width: 62%
			}
		}

		@media (max-width:568px) {
			.content {
				width: 68%
			}
		}

		@media (max-width:480px) {
			.content {
				width: 78%
			}

			.main h1 {
				font-size: 28px
			}

			p.footer {
				margin-top: 42px
			}
		}

		@media (max-width:414px) {
			.content-top h2 {
				font-size: 16px
			}

			.content {
				width: 85%
			}

			.main {
				padding: 50px 0
			}

			p.footer {
				line-height: 1.8em;
				margin: 42px auto 0;
				width: 85%
			}
		}

		@media (max-width:384px) {
			.main h1 {
				font-size: 27px
			}

			.content,
			p.footer {
				width: 90%
			}

			p.footer {
				margin: 32px auto 0
			}
		}

		@media (max-width:375px) {
			.main h1 {
				font-size: 26px;
				margin-bottom: 25px
			}

			.main {
				padding: 45px 0
			}

			.content,
			p.footer {
				width: 92%
			}

			.content-top h2 {
				padding: 8px 0
			}
		}

		@media (max-width:320px) {
			.main h1 {
				font-size: 24px;
				margin-bottom: 30px
			}

			.content-top ul li {
				padding: 1em 0 1em 1em;
				background-size: 13% !important
			}

			.content-top {
				padding: 1.2em
			}

			.content-top p,
			.content-top ul li,
			p.footer {
				font-size: 13px
			}

			.content,
			p.footer {
				width: 90%
			}
		}

		@media(max-width:500px) {

			.bg-bubbles,
			.wrapper {
				height: auto;
			}
		}
	</style>
</head>

<body>
	<div id="all">
		<div class="wrapper">
			<div class="main">
				<h1><?= $title ?></h1>
				<div class="content">
					<div class="content-top">
						<h2>请 Ctrl+D 收藏本页到浏览器收藏夹</h2>
						<ul>
							<?php
							foreach ($link as $value) {
								$li = <<<HTML
								<li>
									<a href="{$value->url}" target = "_blank" rel="{$value->rel}">
										<i>{$value->title}<i>
									</a>
								</li>
								HTML;
								echo $li;
							}
							if (!$this->auth()) echo base64_decode('PGxpPjxhIHRhcmdldD0iX2JsYW5rIiBocmVmPSJodHRwOi8vZ3VpZGUuYnJpNi5jbiI+PGkgc3R5bGU9ImNvbG9yOnJlZCI+5pys56uZ5ZCM5qy+57O757ufPC9pPjwvYT48L2xpPg==');
							?>
							<li style="white-space:normal;">
								<span>近期部分国产浏览器屏蔽网址，电脑请安装<a href="https://www.google.cn/chrome/" target="_blank">chrome浏览器</a>访问，手机请安装<a href="https://www.xbext.com/" target="_blank">X浏览器</a>访问。<span>
							</li>
						</ul>
					</div>
				</div>
				<p class="footer"><?= $this->site->copyright ?><?php if (!$this->auth()) echo base64_decode('LiDnlLEgPGEgaHJlZj0iaHR0cDovL2d1aWRlLmJyaTYuY24iIHRhcmdldD0iX2JsYW5rIj7mmJPoiKrnvZHlnYDlvJXlr7zns7vnu588L2E+IOW8uuWKm+mpseWKqA==') ?></p>
			</div>
			<ul class="bg-bubbles">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</div>
	<div style='display:none'></div>
</body>

</html>